<template>

	<view class="serviceArea">
		<view class="currentArea">
		
			<view class="specificLocation">
				<view class="beforeImg" style="font-weight: 600">
					当前位置
				</view>
				<view style="color: #000; font-weight: 600; margin: 15rpx 0;">
					永州
				</view>
				<view style="color: #666;">
					永州市中心医院
				</view>
				<!-- 签到 -->

			</view>
			<view class="flex-between" style="margin-top: 30rpx;">
				<view class="manualSettings">
					手动设置 >
				</view>
				<view class="signIn">
					签到
				</view>
			</view>

		</view>
		<view class="areaCard">

			<view class="flex-between">
				<view style="color: #666;">
					服务区域
				</view>

				<view style="color: #000; font-weight: 600; margin: 10rpx 0;">
					永州 冷水滩
				</view>

				<!-- 签到 -->


			</view>


		</view>
	</view>
</template>

<script>
</script>

<style lang="less" scoped>
	.serviceArea {
		padding: 20rpx;

		.currentArea {
			

			padding: 30rpx 20rpx 40rpx;
			background-color: #fff;
			border-radius: 20rpx;

			.specificLocation {
				padding-bottom: 23rpx;
				border-bottom: 2rpx solid #d5d8e5;
                .beforeImg {
				&::before {
					content: '';
					background-image: url('../../../static/Vector-1.png');
					background-size: 45rpx 45rpx;
					/* 设置图片大小 */
					display: inline-block;
					vertical-align: sub;
                   // background: no-repeat;
					width: 45rpx;
					/* 设置图片宽度 */
					height: 45rpx;
					/* 设置图片高度 */
					margin-right: 16rpx;

				}
			}

			}

			.manualSettings {
				color: #2CBB21;
			}

			.signIn {
				width: 170rpx;
				height: 70rpx;
				background-color: #2CBB21;
				text-align: center;
				line-height: 70rpx;
				color: #fff;
				border-radius: 10rpx;
			}
		}

		.areaCard {
			margin-top: 45rpx;
			padding: 30rpx;
			background-color: #fff;
			border-bottom: 2rpx solid #d5d8e5;
		}
	}
</style>